body {
	background-size: cover;
	background-image: url(../../img/bj.png);
	background-repeat: no-repeat;
}

.content {
	margin: 0 auto;
	text-align: center;
	position: fixed;
	top: 53%;
	bottom: 45%;
	left: 0;
	width: 100%;
}

input[type="text"] {
	width: 64%;
	height: 100px;
	padding-left: 95px;
	border: 1px solid #E7E7E7;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #CACACA;
	-moz-box-shadow: 0 0 10px #CACACA;
	box-shadow: 0 0 10px #CACACA;
	font-size: 27px;
	cursor: pointer;
}

.phone1 {
	width: 43.5%;
	height: 100px;
	padding-left: 95px;
	border: 2px solid #E7E7E7;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #CACACA;
	font-size: 27px;
	/*font-weight: bold;*/
	cursor: pointer;
}

.phone>input[type="button"] {
	border: 1px solid #E7E7E7;
	width: 20%;
	height: 100px;
	background-color: white;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #CACACA;
	font-size: 27px;
	cursor: pointer;
}

.accounts,
.phone,
.code,
.button {
	margin-top: 70px;
}

.button {
	border: 1px solid #E7E7E7;
	background-color: #60CCFE;
	font-size: 34px;
	border-radius: 30px;
	outline: medium;
	width: 75%;
	height: 100px;
	color: white;
	/*word-spacing:8px;*/
	letter-spacing: 16px;
	cursor: pointer;
}

.accounts>img {
	/*width: 24px;
	height: 24px;*/
	position: absolute;
	top: 90px;
	left: 159px;
}

.phone>img {
	/*width: 24px;
	height: 24px;*/
	position: absolute;
	top: 265px;
	left: 164px;
}

.code>img {
	/*width: 24px;
	height: 24px;*/
	position: absolute;
	top: 452px;
	left: 164px;
}

.img2 {
	position: fixed;
	top: 22%;
	left: 36%;
}

.img1 {
	position: fixed;
	top: 15%;
	left: 32%;
}

.img3 {
	position: fixed;
	top: 15%;
	left: 36%;
}

.mailboxERR {
	font-size: 12px;
	color: red;
}

.accounts>span {
	position: fixed;
	width: 250px;
	height: 30px;
}

.phone>span {
	position: fixed;
	width: 250px;
	height: 30px;
}

.code>span {
	position: fixed;
	width: 250px;
	height: 30px;
	font-size: 23px;
}

span .box{
	left: 60%;
    margin-top: 15px;
}